<!--
	This is the home page of Mobile version
-->
<?php include 'header.php'?>
	<div id="Main">
		<div id="Content">
			<section id="Carousel">
				<div id="CarouselProgress">
					<div class="progress1"></div>
					<div class="progress2"></div>
					<div class="progress3"></div>
					<div class="progress4"></div>
				</div>
			</section>
<!--
	This part is to configure the banner picture window. 
-->
			<script>
			   new MobileCarousel({
				   width  : 600,
				   height  : 325,
				   slides  : [
					   {
						   src    : "images/burger.jpg",
						   copy    : "Beef Burger",
						   url    : ""
					   },
					   {
						   src    : "images/chicken.jpg",
						   copy    : "Chicken Wings",
						   url    : ""
					   },
					   {
							src    : "images/drink.jpg",
						   copy    : "Drinks",
						   url    : ""
					   },
					   

				   ]
			   });
			</script>

			<nav class="button-list">
				<ul class="more">
					<li><button id="button1" onclick="location.href='category.php'"><strong>Shopping</strong></button></li>
					<li><button id="button2" onclick="location.href='register.php'"><strong>Register Here</strong></button></li>
					<li><button id="button3" onclick="location.href='contact.php'"><strong>Contact Us</strong></button></li>
				</ul>
			</nav>

		</div>

<?php include 'footer.php'?>